﻿<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
    <title>日期控件</title>
      <!-- bootstrap 3.0.2 -->
        <link href="v2/css/bootstrap.min.css" rel="stylesheet" type="text/css" />
       
        <!-- font Awesome -->
        <link href="v2/css/font-awesome.min.css" rel="stylesheet" type="text/css" />

		<!-- jQuery 2.0.0 -->
		<script src="v2/js/jquery-2.0.0.min.js"></script>
	
        <!-- Bootstrap -->
        <script src="v2/js/bootstrap.min.js" type="text/javascript"></script>
        
        <!-- date picker -->
        <script src="v2/js/plugins/datepicker/bootstrap-datepicker.min.js" type="text/javascript"></script>
        <link href="v2/js/plugins/datepicker/datepicker3.css" type="text/css" rel="stylesheet" />
        <script charset="UTF-8" src="v2/js/plugins/datepicker/bootstrap-datepicker.zh-CN.js" ></script>


  <script type="text/javascript">

     $(function() {

            $("#ss1").datepicker({
            language: "zh-CN",
			format : 'yyyy/mm/dd',

		    }); 
   
		   
     });          
</script>


 
</head>
<body>

 <div class="row margin-top-20">  
<div class="col-sm-3">
  <div class="input-textgroup col-sm-12 ">
   <span class="input-group-text"> 选择日期： </span>
    <div class="input-group">
                                            <div class="input-group-addon">
                                                <i class="fa fa-calendar"></i>
                                            </div>
                                            <input type="text" class="form-control pull-right" id="ss1"/>
                                              
                                        </div>
  </div>
</div>
</div>
</body>